<template>
  <div>
    <div class="header">
      <van-nav-bar
        title="健康指标"
        left-text="返回"
        left-arrow
        @click-left="onClickLeft"
      />
    </div>
    <!-- 确立健康指标 -->
    <div>
      <van-tabs v-model="active" color="#53a8ef">
        <van-tab title="血糖"
          ><van-radio-group v-model="sugar">
            <van-radio name="1" checked-color="#53a8efed">偏低</van-radio>
            <van-radio name="2" checked-color="#53a8efed">偏高</van-radio>
            <van-radio name="3" checked-color="#53a8efed">正常</van-radio>
          </van-radio-group></van-tab
        >
        <van-tab title="饮食">
          <van-radio-group v-model="sugar">
            <van-radio name="1" checked-color="#53a8efed">清淡为主</van-radio>
            <van-radio name="2" checked-color="#53a8efed">高热量偏多</van-radio>
            <van-radio name="3" checked-color="#53a8efed">喜欢吃辣</van-radio>
          </van-radio-group>
        </van-tab>
        <van-tab title="运动">
          <van-radio-group v-model="sugar">
            <van-radio name="1" checked-color="#53a8efed">一周&lt;两次</van-radio>
            <van-radio name="2" checked-color="#53a8efed">一周三次以上</van-radio>
            <van-radio name="3" checked-color="#53a8efed">基本不运动</van-radio>
          </van-radio-group>
        </van-tab>
        <van-tab title="睡眠">
          <van-radio-group v-model="sugar">
            <van-radio name="1" checked-color="#53a8efed">睡眠状态良好</van-radio>
            <van-radio name="2" checked-color="#53a8efed">睡眠较差</van-radio>
            <van-radio name="3" checked-color="#53a8efed">睡眠较轻</van-radio>
          </van-radio-group>
        </van-tab>
        <van-tab title="烟酒">
          <van-radio-group v-model="sugar">
            <van-radio name="1" checked-color="#53a8efed">从不喝酒</van-radio>
            <van-radio name="2" checked-color="#53a8efed">几乎天天喝</van-radio>
            <van-radio name="3" checked-color="#53a8efed">一周&gt;2次</van-radio>
          </van-radio-group>
        </van-tab>
        <van-tab title="心理状态">
          <van-radio-group v-model="sugar">
            <van-radio name="1" checked-color="#53a8efed">心理健康</van-radio>
            <van-radio name="2" checked-color="#53a8efed">心情容易压抑</van-radio>
            <van-radio name="3" checked-color="#53a8efed">时好时坏</van-radio>
          </van-radio-group>
        </van-tab>
      </van-tabs>
      <van-button type="info">确定</van-button>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      active: 0,
      sugar:""
    };
  },
  methods: {
    onClickLeft() {
      this.$router.go(-1);
    },
  },
};
</script>
<style lang="less" >
.van-nav-bar__content {
  background-color: #53a8ef;
  .van-nav-bar__title,
  .van-icon-arrow-left,
  .van-nav-bar__text {
    color: white;
  }
}
.van-radio{
  width: 90%;
  margin: 20px auto;
  padding: 10px;
  border: 1px solid #53a8efed;
  border-radius: 20px ;
}
.van-button{
  width: 90%;
  display: inline-block;
  margin-left:20px; 
  margin-top:160px; 
  border-radius: 20px;
}
</style>